html,
body,
#root {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}
.ltitle {
  position: relative;
  width: 100%;
  margin-top: 6px;
  padding-top: 8px;
  padding-left: 12px;
  font-weight: bolder;
  font-size: 15px !important;
  &::before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 3px;
    height: 16px;
    background-color: #1B6FFE;
    border-radius: 4px;
    content: '';
  }

  &::after {
    position: absolute;
    top: 18px;
    right: 0;
    width: calc(100% - 120px);
    height: 1px;
    border-bottom: 1px dotted rgba(0, 0, 0, 10%);
    border-radius: 4px;
    content: '';
  }
}
img{
  display: block;
  float: none ;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: var(--ant-color-text) !important;
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: inset 0 0 20px 20px #23232300 !important;
}
.ant-pro-list-row-header-container{
  justify-content: space-between !important;
}

.ant-tabs-nav::before {
  border: none !important;
}
.ant-typography-ellipsis{
  display: flex !important;
}
#head {
  .ant-upload {
    width: auto !important;
    height: auto !important;
  }

  .ant-tabs-nav {
    margin-bottom: 12px !important;

    &::before {
      border: none !important;
    }
  }

  .ant-tabs-tab .anticon {
    margin: 0 !important;
  }
}

.ant-upload-btn {
  padding: 0 !important;
}

pre {
  margin: 0 !important;
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oneline {
  display: block !important;
  max-width: 100%;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.bgtext {
  letter-spacing: 0 !important;
  text-transform: uppercase;
  background-image: linear-gradient(145deg,
      #91daff 0%,
      #7bd1ff 25%,
      #ffa7ea 50%,
      #7bd1ff 75%,
      #91daff 100%);
  background-clip: text;
  animation: bgmove 20s linear 0s infinite alternate forwards;
  -webkit-text-fill-color: transparent;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.centerl {
  display: flex;
  align-items: center;
}
.gap6{
  gap: 6px !important;
}
.gap8{
  gap: 8px !important;
}
.gap10{
  gap: 10px !important;
}
.gap12{
  gap: 12px !important;
}

.centerr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.spread {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.columns {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.bglighter {
  background-image: linear-gradient(145deg,
      #91daff 0%,
      #7bd1ff 25%,
      #ffa7ea 50%,
      #7bd1ff 75%,
      #91daff 100%);
  background-size: 200% 200%;
}

.bglight {
  background-image: linear-gradient(90deg,
      #f0f0f0 0%,
      #eeeeee 25%,
      #dddddd 50%,
      #eeeeee 75%,
      #f0f0f0 100%);
  background-size: 200% 200%;
}

.bgdark {
  background-image: linear-gradient(90deg,
      #252525 0%,
      #393939 25%,
      #555 50%,
      #393939 75%,
      #252525 100%);
  background-size: 200% 200%;
}

@keyframes bgmove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.ant-card-head {
  padding: 0 8px !important;
  border: none !important;
}


#login_container {
  iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
.ant-avatar{
  overflow: hidden !important;
  img{
    border-radius: 0 !important;
  }
}
.ant-badge{
  color: inherit !important;
}
.ant-badge-dot{
  box-shadow: none !important;
}
.ant-badge-count{
  line-height: initial !important;
}
.ant-badge-multiple-words{
  padding: 0 2px !important;
}
.aie-container{
  border-radius: 6px !important;
  overflow: hidden;
  min-height: 400px;
  aie-header{
    opacity: 0.9 !important;
  }
  aie-footer{
    display: none !important;
  }
  .aie-content {
    p{
      margin: 6px 0 !important;
    }
  }
}
.itemspace {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  padding: 12px 12px 12px 20px;
  border-radius: 6px;

  > span:first-child {
    font-weight: bolder;
  }
  .ant-typography{
    margin: 0;
  }
}

.w-60 {
  width: 60%;
  margin: auto;
  margin-bottom: 12px;
}

.w-80 {
  width: 100%;
  margin: auto;
  margin-bottom: 12px;
  overflow: hidden;
}

.actionsticky{
  border-radius: 12px;
  height: 55px;
  overflow: hidden;
  padding: 0 12px;
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:12px 0 20px 0;
}


.table-cell {
  display: -webkit-box;
  //width: 100%;
  overflow: hidden;
  word-break: break-all !important;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ant-pro-list-row-actions {
  >div{
    justify-content: center !important;
  }
}
.ant-pro-checkcard-title{
  .ant-avatar{
    margin-right: 6px;
    flex-shrink: 0;
  }
} 
.ant-pro-checkcard-body{
  padding: 0 16px 16px 16px !important;
}
.ant-pro-card-body {
  padding: 0 12px 12px 12px !important;
}
.ant-pro-checkcard-actions>li>div div{
  min-width: auto !important;
}
.ranking-value,.info-name{
  color: #252525;
}
.ant-card-body{
  padding: 12px !important;
}
.ant-pro-table-list-toolbar-left{
  display: none !important;
}
.ant-pro-table-list-toolbar-right{
  justify-content: space-between !important;
}
.ant-pro-query-filter{
  padding: 12px !important;
}
.ant-pro-table-search{
  margin-block-end: 12px !important;
}
.element {
  overflow: auto;
  position: static;
  
  /* 显示内容的滚动条 */
  &::-webkit-scrollbar {
    width: 0em;
    /* 调整滚动条宽度 */
    height: 0.5em;
    transition: all 0.4s;
    cursor: pointer;
  }

  /* 滚动条的轨道 */
  &::-webkit-scrollbar-track {
    background: transparent;
    /* 设置轨道的背景颜色 */
  }

  /* 滚动条的滑块 */
  &::-webkit-scrollbar-thumb {
    background: rgba(163, 163, 163, 0%);
    /* 设置滑块的背景颜色 */
    border-radius: 4px;
    transition: all 0.4s;
    cursor: pointer;

    /* 设置滑块的圆角 */
  }

  &:hover {
    &::-webkit-scrollbar-thumb {
      background: rgba(163, 163, 163, 10%);
      transition: all 0.4s;
    }
  }

  /* 鼠标悬停在滑块上时 */
  &::-webkit-scrollbar-thumb:hover {
    background: rgba(163, 163, 163, 40%);
    /* 设置悬停状态下滑块的背景颜色 */
  }

}
.ant-popover-inner{
  overflow: hidden;
}
.sorts {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  background-color: var(--ant-color-bg-secondary);


  * {
    transition: all 0.2s;
  }
}
.ant-drawer-header {
  flex: none !important;
  padding: 10px 16px !important;
}

.ant-drawer-body {
  padding: 0 !important;
}

.ant-timeline .ant-timeline-item-head{
  background-color: transparent !important;
}

#mobileshare{
  .ant-collapse-header,.ant-collapse-content-box {
    padding: 0 !important;
    padding-bottom: 12px !important;
  }
  .ant-collapse-expand-icon{
    padding-inline-start:2px !important;
    padding-inline-end: 6px  !important;
  }
  .ant-timeline-item-content{
    margin-inline-start: 16px !important;
  }
  .ant-timeline-item{
    padding-bottom: 12px !important;
  }
}
.ant-drawer-content-wrapper{
  box-shadow: none !important;
}